<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>360官网-360安全中心-360安全软件</title>
    <!-- <script src="./渲染主页数据.js"></script> -->
    <script src="./xuanranshuju.js"></script>
    <!-- <script src="./数据.js"></script> -->
    <script src="./shuju.js"></script>
    <script src="./ajax.js"></script>
    <link rel="stylesheet" href="./swiper/swiper-masterall/package/swiper-bundle.min.css">
    <script src="./swiper/swiper-masterall/package/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="./iconfont/base.css">
    <link rel="stylesheet" href="./360.css">
    <!-- 轮播图style -->
    <style>
        .swiper-container {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            transition: 300ms;
            transform: scale(0.8);
        }

        .swiper-slide-active,
        .swiper-slide-duplicate-active {
            transform: scale(1);
        }

        .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            text-align: center;
            line-height: 20px;
            font-size: 12px;
            background: rgba(0, 0, 0, 0.2);
        }

        /* 圆圈样式 */

        .swiper-pagination-bullet-active {
            background: #fff;
        }

        /* 圆圈背景色，加了active表示只给选中的添加 */

        .swiper-container img {
            width: 100%;
            height: 100%;
        }

        .swiper-button-next {
            width: 40px;
            height: 62px;
            border-radius: 3px;
            background-color: rgb(204, 204, 204);
            opacity: 0.5;
            color: #fff;
        }

        .swiper-button-next:after {
            font-size: 24px;
        }

        .swiper-button-prev:after {
            font-size: 24px;
        }

        .swiper-button-prev {
            width: 40px;
            height: 62px;
            border-radius: 3px;
            background-color: rgb(204, 204, 204);
            opacity: 0.5;
            color: #fff;
        }

        .swiper-button-next:hover {
            background-color: #333;
            opacity: 0.8;
        }

        .swiper-button-prev:hover {
            background-color: #333;
            opacity: 0.8;
        }
    </style>
</head>
<!--图片自身，搜索框自身，-->

<body>
    <div class="header" id="header1">
        <div class="container">
            <div class="top">
                <img class="logo" src="../360yemian/images/logo.png" alt="">
                <div class="right">
                    <form action="" id="form">
                        <span>网页</span>
                        <input type="text" id="keyword">
                        <!-- <div id="search.list">
                            <ul id="search.ul">

                            </ul>
                        </div> -->
                        <input type="submit" value="360搜索">
                    </form>

                </div>
                <div class="left">
                    <a href="">中文版</a>
                    <a href="">Global</a>
                    <a href="" id="login">登录</a>
                    <span></span>
                    <a href="">注册</a>
                </div>
            </div>
            <div class="bottom">
                <a href="">全面安全</a>
                <a href="">勒索病毒</a>
                <a href="">安全卫士团队版</a>
                <a href="">中小微企业资产管理</a>
                <a href="">更多 ></a>
            </div>
        </div>
    </div>
    <!--header：分为上和下，其中上又分左右-->

    <div class="navbox">
        <div class="container nav1container">
            <div class="nav1">
                <a href="">电脑软件
                    <div class="nav2-1">
                        <dl>
                            <dt>
                                <h4>电脑安全</h4>

                            <dd>
                                <img src="./images/content2图2.1.png" alt="">
                                <span>360安全卫士</span>
                            </dd>

                            <dd><img src="./images/images/360二级导航图_17.png" alt=""><span>360安全卫士极速版</span></dd>

                            <dd><img src="./images/images/360二级导航图_31.png" alt=""><span>360安全卫士团队版</span></dd>

                            <dd><img src="./images/images/360二级导航图_42.png" alt=""><span>360杀毒</span></dd>

                            <dd><img src="./images/images/360二级导航图_50.png" alt=""><span>360反勒索服务</span></dd>
                            </dt>
                        </dl>

                        <dl>
                            <dt>
                                <h4>安全上网</h4>
                            <dd><img src="./images/images/360二级导航图_03.png" alt=""><span>360安全浏览器</span></dd>

                            <dd><img src="./images/images/360二级导航图_19.png" alt=""><span>360极速浏览器</span></dd>

                            <dd><img src="./images/images/360二级导航图_32.png" alt=""><span>360安全云盘</span></dd>

                            <dd><img src="./images/images/360二级导航图_44.png" alt=""><span>360搜索</span></dd>
                            </dt>
                        </dl>

                        <dl>
                            <dt>
                                <h4>系统急救</h4>
                            <dd><img src="./images/images/360二级导航图_05.png" alt=""><span>系统急救箱</span></dd>

                            <dd><img src="./images/images/360二级导航图_21.png" alt=""><span>重装大师</span></dd>

                            <dd><img src="./images/images/360二级导航图_34.png" alt=""><span>勒索病毒救灾版</span></dd>

                            <dd><img src="./images/images/360二级导航图_45.png" alt=""><span>高危漏洞免疫</span></dd>
                            </dt>
                        </dl>

                        <dl>
                            <dt>
                                <h4>系统工具</h4>
                            <dd><img src="./images/images/360二级导航图_07.png" alt=""><span>360压缩</span></dd>

                            <dd><img src="./images/images/360二级导航图_22.png" alt=""><span>驱动大师</span></dd>

                            <dd><img src="./images/images/360二级导航图_36.png" alt=""><span>鲁大师</span></dd>
                            </dt>
                        </dl>

                        <dl>
                            <dt>
                                <h4>生活休闲</h4>
                            <dd><img src="./images/images/360二级导航图_10.png" alt=""><span>360游戏大厅</span></dd>

                            <dd><img src="./images/images/360二级导航图_24.png" alt=""><span>360软件管家</span></dd>
                            </dt>
                        </dl>
                    </div>
                </a>
                <a href="">手机软件</a>
                <a href="">政企安全</a>
                <a href="">视频.直播</a>
                <a href="">金融科技</a>
                <a href="">个人服务</a>
                <a href="">360商城
                    <div class="nav2-7">
                        <dl>
                            <dt>
                                <h4>家庭安防</h4>

                            <dd>
                                <img src="https://p5.ssl.qhimg.com/t01cd03e11f38e5606b.png" alt="">
                                <span>360摄像机云台AI版</span>
                            </dd>

                            <dd><img src="https://p4.ssl.qhimg.com/t01ac2ef7d58147d046.png" alt="">
                                <span>360小水滴1080P</span>
                            </dd>

                            <dd><img src="https://p3.ssl.qhimg.com/t01b666220af0dc8cda.png"
                                    alt=""><span>360摄像机AP1PA2</span></dd>

                            <dd><img src="https://p5.ssl.qhimg.com/t01ee7c508e2a6e13bb.png"
                                    alt=""><span>360摄像机AP2C</span></dd>

                            <dd><img src="https://p4.ssl.qhimg.com/t01bcc458a75b4d4040.png"
                                    alt=""><span>360摄像机D866</span></dd>
                            </dt>
                        </dl>

                        <dl>
                            <dt>
                                <h4>安全路由</h4>
                            <dd><img src="https://p2.ssl.qhimg.com/t0116e96df5af49ba54.png"
                                    alt=""><span>360路由器V5X</span></dd>

                            <dd><img src="https://p5.ssl.qhimg.com/t01e0fb74afd488b630.png"
                                    alt=""><span>家庭防火墙路由V5P</span></dd>

                            <dd><img src="https://p1.ssl.qhimg.com/dr/90_0_85/t01a542660b8026dc55.webp"
                                    alt=""><span>家庭防火墙路由5Pro</span></dd>


                            <dd><img src="https://p1.ssl.qhimg.com/t01fa2d2ccb70d46a1b.png"
                                    alt=""><span>360路由器V5母子装</span></dd>

                            <dd><img src="https://p5.ssl.qhimg.com/t01e4788dec877fd5be.png"
                                    alt=""><span>360家庭防火墙V6</span></dd>
                            </dt>
                        </dl>

                        <dl>
                            <dt>
                                <h4>智能穿戴</h4>
                            <dd><img src="https://p2.ssl.qhimg.com/t017f498a619e6bfaf6.png"
                                    alt=""><span>360儿童手表9X</span></dd>

                            <dd><img src="https://p0.ssl.qhimg.com/t01b0e41123b55119e4.png" alt=""><span>360儿童手表Kido
                                    B2</span></dd>

                            <dd><img src="https://p1.ssl.qhimg.com/t01fe619d0a6bd1099c.png" alt=""><span>360手表8XS</span>
                            </dd>

                            <dd><img src="https://p5.ssl.qhimg.com/t01360bda95f09a0b88.png" alt=""><span>360儿童手表P1
                                    Pro</span></dd>

                            <dd><img src="https://p1.ssl.qhimg.com/t0196bf02a0a3114587.png"
                                    alt=""><span>360儿童手表S1</span></dd>
                            </dt>
                        </dl>

                        <dl>
                            <dt>
                                <h4>时尚车品</h4>
                            <dd><img src="https://p3.ssl.qhimg.com/t01a7efe89364b3ce22.png" alt=""><span>记录仪G600
                                    4G</span></dd>

                            <dd><img src="https://p5.ssl.qhimg.com/t0127deef55eebdba69.png" alt=""><span>360记录仪G300
                                    Pro</span></dd>

                            <dd><img src="https://p1.ssl.qhimg.com/t01d662b13f81c41e35.png"
                                    alt=""><span>360记录仪G580</span></dd>

                            <dd><img src="https://p5.ssl.qhimg.com/t018b910bb0881adc40.png" alt=""><span>记录仪M320C</span>
                            </dd>

                            <dd><img src="https://p2.ssl.qhimg.com/t01c7c0c72dc3cb64b3.png"
                                    alt=""><span>记录仪G380畅行版</span></dd>
                            </dt>
                        </dl>

                        <dl>
                            <dt>
                                <h4>智能家居</h4>
                            <dd><img src="https://p4.ssl.qhimg.com/t01fee5bacdf61de703.png" alt=""><span>360扫地机X100
                                    MAX</span></dd>

                            <dd><img src="https://p5.ssl.qhimg.com/t01a07e0696456eab28.png"
                                    alt=""><span>360扫地机器人X95</span></dd>

                            <dd><img src="https://p3.ssl.qhimg.com/t010be31261a0bd2434.png" alt=""><span>360无线耳机
                                    Pro</span></dd>

                            <dd><img src="https://p3.ssl.qhimg.com/t01c532a8aafb73858a.png" alt=""><span>360TF存储卡
                                    64GB</span></dd>

                            <dd><img src="https://p0.ssl.qhimg.com/t015cbc5018d8825b49.png"
                                    alt=""><span>360扫地机C50</span></dd>
                            </dt>
                        </dl>
                    </div>
                </a>
                <a href="">安全理赔</a>
                <a href="">企业服务</a>
                <a href="">游戏</a>
                <a href="">社区</a>
            </div>
        </div>
    </div>
    <!--导航栏-->

    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="https://p0.ssl.qhimg.com/t018ffaad15d83f80f1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="https://p2.ssl.qhimg.com/t01988636a409f9809c.jpg" alt=""></div>
                <div class="swiper-slide"><img src="http://p4.ssl.qhimg.com/t01de0ef969fae9e097.jpg" alt=""></div>
                <div class="swiper-slide"><img src="http:////p1.ssl.qhimg.com/t01d796508230c1ed06.jpg" alt=""></div>
            </div>
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
    <!--banner-->

    <div class="content1">
        <div class="container">
            <div class="box">
                <img src="./images/内容1.png" alt="">
                <div>
                    <h4>360安全卫士</h4>
                    <p>大安全时代，提供全面安全服务</p>
                </div>
            </div>
            <div class="box">
                <img src="./images/内容2.png" alt="">
                <img src="./images/内容3.png" alt="">
                <div>
                    <h4>浏览器/杀毒</h4>
                    <p>全面防护，性能出众</p>
                </div>
            </div>
            <div class="box">
                <img src="./images/内容4.png" alt="">
                <div>
                    <h4>360商城</h4>
                    <p>官方直营，开启智能物联新时代</p>
                </div>
            </div>
        </div>
    </div>
    <!--content1-->
    <!--另一种方法可以用盒子只设宽自适应包全部内容，再mmargin:auto
这样不用浮动也不用给图片设margin-->



    <!--开始用弹性盒子做啦！-->
    <div class="content2">
        <div class="container">
            <div class="right">
                <div class="top">
                    <h4><a href="">最新动态</a></h4>
                    <p><a href="">更多></a></p>
                </div>
                <div class="bottom" id="content2bottom1">
                    <div class="box">
                        <div class="tu">
                            <img src="./images/content2图1.png" alt="">
                        </div>
                        <p><a href="">新型勒索软件WannaRen解密工具</a></p>
                    </div>
                    <div class="box">
                        <div class="tu">
                            <img src="./images/content2图2.png" alt="">
                        </div>
                        <p>
                            <a href=""></a>
                        </p>
                    </div>
                    <div class="box">
                        <div class="tu">
                            <img src="./images/content2图3.png" alt="">
                        </div>
                        <a href="">2021年08月勒索病毒态势分析</a>
                    </div>
                </div>
            </div>
            <!--以下为content2-->
            <div class="left">
                <div class="top">
                    <h4><a href="">快速下载</a></h4>
                    <p><a href="">更多></a></p>
                </div>

                <div class="bottom">
                    <div>
                        <img src="./images/content2图2.1.png" alt="">
                        <p>安全卫士</p>
                        <button>下载</button>
                    </div>
                    <div>
                        <img src="./images/content2图2.2.png" alt="">
                        <p>安全浏览器</p>
                        <button>下载</button>
                    </div>
                    <div>
                        <img src="./images/content2图2.3.png" alt="">
                        <p>360杀毒</p>
                        <button>下载</button>
                    </div>
                    <div>
                        <img src="./images/content2图2.4.png" alt="">
                        <p>360压缩</p>
                        <button>下载</button>
                    </div>
                    <div>
                        <img src="./images/content2图2.6.png" alt="">
                        <p>健康助手</p>
                        <button>下载</button>
                    </div>
                    <div>
                        <img src="./images/content2图2.5.png" alt="">
                        <p>一键上网</p>
                        <button>下载</button>
                    </div>
                </div>
            </div>

            <!--以下为content2继续扩展-->
            <div class="main1">
                <h4>安全热点关注</h4>
                <div class="section">
                    <div class="list">
                        <img src="./images/main1.1.png" alt="">
                        <div>
                            <h4>安全大脑.极智守护</h4>
                            <p>建立基于安全大脑的开放生态赋能大安全时代各行业</p>
                        </div>
                    </div>
                    <div class="list">
                        <img src="./images/main1.2.png" alt="">
                        <div>
                            <h4>勒索病毒救助</h4>
                            <p>全球疫情实时监控，操作免疫防护，中毒自救，文件自助解密</p>
                        </div>
                    </div>
                    <div class="list">
                        <img src="./images/main1.3.png" alt="">
                        <div>
                            <h4>高危漏洞免疫</h4>
                            <p>专业检测防护，一键免疫修复全部重大高危漏洞</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="main2">
                <div class="left">
                    <h4>360安全软件</h4>
                    <div class="section">
                        <div class="list">
                            <img src="./images/内容1.png" alt="">
                            <div class="text">
                                <h4>360安全卫士</h4>
                                <p>
                                    <button>下载</button>
                                    <button>论坛</button>
                                </p>
                                <p>
                                    <a href="">团队版</a>
                                    <a href="">安装失败帮助</a>
                                </p>
                            </div>
                        </div>

                        <div class="list">
                            <img src="./images/内容2.png" alt="">
                            <div class="text">
                                <h4>360杀毒</h4>
                                <p>
                                    <button>下载</button>
                                    <button>论坛</button>
                                </p>
                            </div>
                        </div>

                        <div class="list">
                            <img src="./images/内容3.png" alt="">
                            <div class="text">
                                <h4>360安全浏览器</h4>
                                <p>
                                    <button>下载</button>
                                    <button>论坛</button>
                                </p>
                            </div>
                        </div>

                        <div class="list">
                            <img src="./images/main2.2.png" alt="">
                            <div class="text">
                                <h4>360极速浏览器</h4>
                                <p>
                                    <button>下载</button>
                                    <button>论坛</button>
                                </p>
                            </div>
                        </div>

                        <div class="list">
                            <img src="./images/精灵图1_02.png" alt="">
                            <div class="text">
                                <h4>360手机卫士</h4>
                                <p>
                                    <button>下载</button>
                                    <button>论坛</button>
                                </p>
                            </div>
                        </div>

                        <div class="list">
                            <img src="./images/精灵图1_04.png" alt="">
                            <div class="text">
                                <h4>360手机助手</h4>
                                <p>
                                    <button>下载</button>
                                    <button>论坛</button>
                                </p>
                            </div>
                        </div>

                        <div class="list">
                            <img src="./images/精灵图1_09.png" alt="">
                            <div class="text">
                                <h4>360驱动大师</h4>
                                <p>
                                    <button>下载</button>
                                    <button>论坛</button>
                                </p>
                            </div>
                        </div>

                        <div class="list">
                            <img src="./images/精灵图1_08.png" alt="">
                            <div class="text">
                                <h4>360安全卫士团队版</h4>
                                <p>
                                    <button>注册</button>
                                    <button>论坛</button>
                                </p>
                            </div>
                        </div>
                        <!--左上-->

                        <div class="last">
                            <div class="bigbox">
                                <div class="box">
                                    <img src="./images/images/main2左下边图_02.png" alt="">
                                    <div class="box2">
                                        <p>电脑软件:</p>
                                        <p>
                                            <a href="">360压缩</a>
                                        </p>
                                        <p>
                                            <a href="">功能大全</a>
                                        </p>
                                        <p>
                                            <a href="">安全卫士团队版</a>
                                        </p>
                                        <p>
                                            <a href="">软件管家</a>
                                        </p>
                                        <p>
                                            <a href="">更多></a>
                                        </p>
                                    </div>
                                    <!--box2是给左边设为弹性盒子用，还有别的莫名奇妙的盒子名，也都是为了另设为弹性盒才写的-->
                                </div>

                                <div class="box">
                                    <img src="./images/images/main2左下边图_06.png" alt="">
                                    <div class="box2">
                                        <p>手机软件:</p>
                                        <p>
                                            <a href="">360防骚扰大师</a>
                                        </p>
                                        <p>
                                            <a href="">手机助手</a>
                                        </p>
                                        <p>
                                            <a href="">手机浏览器</a>
                                        </p>
                                        <p>
                                            <a href="">清理大师</a>
                                        </p>
                                        <p>
                                            <a href="">更多></a>
                                        </p>
                                    </div>
                                </div>

                                <div class="box">
                                    <img src="./images/images/main2左下边图_07.png" alt="">
                                    <div class="box2">
                                        <p>开放平台:</p>
                                        <p>
                                            <a href="">点睛营销平台</a>
                                        </p>
                                        <p>
                                            <a href="">奇胜效果</a>
                                        </p>
                                        <p>
                                            <a href="">加固保</a>
                                        </p>
                                        <p>
                                            <a href="">360小程序</a>
                                        </p>
                                        <p>
                                            <a href="">更多></a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--section用弹性盒做-->
                    <!--左下边last(被左section包了的啊啊啊)-->
                </div>
                <!--左边-->

                <div class="right">
                    <h4>360商城</h4>
                    <div class="section">
                        <div class="bigtu">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img
                                            src="https://p3.ssl.qhimg.com/t0109491d5d47dd50c8.jpg" alt=""></div>
                                    <div class="swiper-slide"><img
                                            src="https://p4.ssl.qhimg.com/t010d658308cfb8df95.jpg" alt=""></div>
                                    <div class="swiper-slide"><img src="http://p0.ssl.qhimg.com/t01df3745d4946e0a84.jpg"
                                            alt=""></div>
                                </div>
                                <div class="swiper-pagination"></div>
                                <!-- Add Arrows -->
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                            </div>
                        </div>
                        <div class="list">
                            <div class="text">
                                <p>360智能穿戴</p>
                                <p>
                                    <span>￥</span>
                                    <span>299起</span>
                                </p>
                            </div>
                            <img src="./images/手表.jpg" alt="">
                        </div>

                        <div class="list">
                            <div class="text">
                                <p>360智能网络</p>
                                <p>
                                    <span>￥</span>
                                    <span>23.9起</span>
                                </p>
                            </div>
                            <img src="./images/路由器.png" alt="">
                        </div>

                        <div class="list">
                            <div class="text">
                                <p>360家庭安防</p>
                                <p>
                                    <span>￥</span>
                                    <span>149起</span>
                                </p>
                            </div>
                            <img src="./images/监控.png" alt="">
                        </div>

                        <div class="list">
                            <div class="text">
                                <p>360行车记录仪</p>
                                <p>
                                    <span>￥</span>
                                    <span>199起</span>
                                </p>
                            </div>
                            <img src="./images/手机.png" alt="">
                        </div>
                        <!--右上-->
                        <div class="last">
                            <div class="bigbox">
                                <div class="box">
                                    <img src="./images/images/main2左下边图_08.png" alt="">
                                    <div class="box2">
                                        <p>儿童手表:</p>
                                        <p>
                                            <a href="">手表P1 pro</a>
                                        </p>
                                        <p>
                                            <a href="">儿童手表8XS</a>
                                        </p>
                                        <p>
                                            <a href="">儿童手表S2</a>
                                        </p>
                                        <!-- <p>
                                            <a href="">软件管家</a>
                                        </p> -->
                                        <p>
                                            <a href="">更多></a>
                                        </p>
                                    </div>
                                    <!--box2是给左边设为弹性盒子用，还有别的莫名奇妙的盒子名，也都是为了另设为弹性盒才写的-->
                                </div>

                                <div class="box">
                                    <img src="./images/images/main2左下边图_09.png" alt="">
                                    <div class="box2">
                                        <p>智能家居:</p>
                                        <p>
                                            <a href="">路由器</a>
                                        </p>
                                        <p>
                                            <a href="">摄相机</a>
                                        </p>
                                        <p>
                                            <a href="">扫地机器人</a>
                                        </p>
                                        <!-- <p>
                                            <a href="">清理大师</a>
                                        </p> -->
                                        <p>
                                            <a href="">更多></a>
                                        </p>
                                    </div>
                                </div>

                                <div class="box">
                                    <img src="./images/images/main2左下边图_10.png" alt="">
                                    <div class="box2">
                                        <p>行车安全:</p>
                                        <p>
                                            <a href="">G300 plus</a>
                                        </p>
                                        <p>
                                            <a href="">G580</a>
                                        </p>
                                        <p>
                                            <a href="">G600 4G</a>
                                        </p>
                                        <p>
                                            <a href="">G380畅想版</a>
                                        </p>
                                        <p>
                                            <a href="">更多></a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- last  -->
                    </div>
                    <!-- section -->
                </div>
                <!--右边-->
            </div>
            <!--main分两边来写，用弹盒-->

        </div>
    </div>
    <!--content2-->



    <div class="content3">
        <div class="container">
            <div class="bigbox" id="content3">
                <!-- <div class="list">1
                    <h4>新闻动态</h4>
                    <div class="bottom">
                        <div class="tu">
                            <img src="http://p4.ssl.qhimg.com/t0177f854cd7d5a5420.jpg" alt="">
                        </div>
                        <p class="dingweip">
                            <a href="">360集团、周鸿祎及360数科联合宣布捐赠4000万紧急驰援河南
                            </a>
                        </p>

                        <ul class="lastsecond">
                            <li>
                                <a href="">Spooler 又曝新漏洞，360安全卫士第一</a>
                            </li>
                            <li>
                                <a href="">360安全周报第48期：Win10 7月累积更</a>
                            </li>
                            <li>
                                <a href="">出生越晚触网越早 360粉丝团帮家长化解</a>
                            </li>
                            <li>
                                <a href="">2021年6月勒索病毒态势分析</a>
                            </li>
                            <li>
                                <a href="">网安龙头360将出席世界人工智能大会 护</a>
                            </li>
                        </ul>
                        <p><a href="">更多></a></p>
                    </div>
                </div> -->


                <!-- <div class="list">2
                    <h4>安全资讯</h4>
                    <div class="bottom">
                        <div class="tu">
                            <img src="http://p3.ssl.qhimg.com/t01cc9214769117a2f9.jpg" alt="">
                        </div>
                        <p class="dingweip">
                            <a href="">车联网安全标准体系将建，360专家提四点
                            </a>
                        </p>
                        <ul class="lastsecond">
                            <li>
                                <a href="">《数据安全法》时代数治之道 360联合信</a>
                            </li>
                            <li>
                                <a href="">周鸿祎WAIC谈软件定义城市"急需"安全大</a>
                            </li>
                            <li>
                                <a href="">为河南捐款4000万后，360又积极组织员</a>
                            </li>
                            <li>
                                <a href="">618里的"隐形冠军"，360智慧生活引资本</a>
                            </li>
                            <li>
                                <a href="">360安全周报第45期：微软官宣下一代操</a>
                            </li>
                        </ul>
                        <p><a href="">更多></a></p>
                    </div>
                </div> -->

                <!-- <div class="list">3
                    <h4>社区热帖</h4>
                    <div class="bottom">
                        <div class="tu">
                            <img src="http://p0.ssl.qhimg.com/t01ee2c44b1d2025444.png" alt="">
                        </div>
                        <p class="dingweip">
                            <a href="">感恩小报 |你的声音，我们一直在倾听
                            </a>
                        </p>
                        <ul class="lastsecond">
                            <li>
                                <a href="">360安全卫士轻松拿下"incaseformat"蠕虫</a>
                            </li>
                            <li>
                                <a href="">关于谨防不法分子非法利用"安全大脑"违法</a>
                            </li>
                            <li>
                                <a href="">全新I系重坦线路登场！新版本更新预览！</a>
                            </li>
                            <li>
                                <a href="">《坦克世界》官方助手APP火热上线</a>
                            </li>
                            <li>
                                <a href="">360家庭防火墙APP查看路由CPU、内存方</a>
                            </li>
                        </ul>
                        <p><a href="">更多></a></p>
                    </div>
                </div> -->

                <!-- <div class="list">4
                    <h4>电脑安全</h4>
                    <div class="bottom">
                        <div class="tu">
                            <img src="http://p4.ssl.qhimg.com/t01dbbe87efd1c7c93b.png" alt="">
                        </div>
                        <p class="dingweip">
                            <a href="">恶意驱动Netfilter rootkit终极进化,360安全卫士达到阿达
                            </a>
                        </p>
                        <ul class="lastsecond">
                            <li>
                                <a href="">共聚工业互联网高峰论坛，360助推安全
                                    达到阿达
                                </a>
                            </li>
                            <li>
                                <a href="">我们能为"数字原住民"做点什么？360开</a>
                            </li>
                            <li>
                                <a href="">"紫狐"挖矿僵尸网络利用新漏洞发起攻击</a>
                            </li>
                            <li>
                                <a href="">直击WAIC丨网络安全成世界人工智能大</a>
                            </li>
                            <li>
                                <a href="">360安全周报第47期：微软紧急发布 Wind</a>
                            </li>
                        </ul>
                        <p><a href="">更多></a></p>
                    </div>
                </div> -->

            </div>
        </div>
    </div>
    <!--content3-->



    <div class="footer1">
        <div class="container">
            <div class="bigbox">
                <!--bigbox一般是用来包全部给作弹盒-->
                <div class="left">
                    <dl>
                        <div>
                            <dt>
                                <h4>关于360</h4>
                            <dd><a href="">公司简介</a></dd>
                            <dd><a href="">创始人</a></dd>
                            <dd><a href="">大事记</a></dd>
                            <dd><a href="">获奖记录</a></dd>
                            <dd><a href="">品牌宣传片</a></dd>
                            <dd><a href="">360失信人员查询</a></dd>
                            </dt>
                        </div>
                    </dl>

                    <dl>
                        <div>
                            <dt>
                                <h4>投资者关系</h4>
                            <dd><a href="">公司公告</a></dd>
                            </dt>
                        </div>
                    </dl>

                    <dl>
                        <div>
                            <dt>
                                <h4>加入360</h4>
                            <dd><a href="">社会招聘</a></dd>
                            <dd><a href="">校园招聘</a></dd>
                            </dt>
                        </div>
                    </dl>

                    <dl>
                        <div>
                            <dt>
                                <h4>用户服务</h4>
                            <dd><a href="">意见反馈</a></dd>
                            <dd><a href="">理赔举报</a></dd>
                            <dd><a href="">手机回收</a></dd>
                            <dd><a href="">电脑/手机维修</a></dd>
                            <dd><a href="">360隐私保护平台</a></dd>
                            <dd><a href="">360安全应急响应中心</a></dd>
                            </dt>
                        </div>
                    </dl>

                    <dl>
                        <div>
                            <dt>
                                <h4>商务合作</h4>
                            <dd><a href="">联系我们</a></dd>
                            <dd><a href="">360点睛营销平台</a></dd>
                            <dd><a href="">360奇胜效果联盟</a></dd>
                            <dd><a href="">360生态链</a></dd>
                            <dd><a href="">360标识下载</a></dd>
                            </dt>
                        </div>
                    </dl>
                </div>
                <!--footer1左边-->

                <div class="right">
                    <div class="box1">
                        <h4>关注我们</h4>
                        <img src="./images/footer1.png" alt="" class="img2">
                        <p>官方微信</p>
                    </div>

                    <div class="box2">
                        <p>
                            <img src="./images/footer-wb.png" alt="" class="img1">
                            <a href="">官方微博</a>
                        </p>
                        <img src="./images/footer2.png" alt="" class="img2">
                        <p>技术支持</p>
                    </div>
                </div>
                <!--把right设为弹盒再左右布局，不上下分3列了-->
            </div>
        </div>
    </div>
    <!--footer1-->



    <div class="footer2">
        <div class="container">
            <div class="bigbox">
                <p>
                    <span>Copyright©2005-2021 360.cn 版权所有 360互联网安全中心</span>
                    <span><a href="">北京举报中心</a></span>
                </p>
                <p>
                    <a href="">京ICP证080047号[京ICP备08010314号-6] 京网文 [2017] 11001-1278号（总）网出证（京）字第281号 工商营业执照</a>
                </p>
                <p>
                    <img src="./images/footer-copyright.png" alt="">
                    <span><a href="">京公网安备 11000002002063号</a></span>
                    <span>违法和不良信息举报电话：010-67196565</span>
                </p>
            </div>
        </div>
    </div>
    <!--footer2-->



    <div class="fixed">
        <a href="">
            <p>用户</p>
            <p>反馈</p>
        </a>

        <a href="" id="dibu">
            <p>返回</p>
            <p>顶部</p>
        </a>
    </div>
    <!--右中的固定定位,！！！把内容写在一个div中-->

    <script>
        //跳转到登录页面
        let login = document.querySelector("#login");
        login.onclick = function (e) {
            var e = e || window.event;
            e.preventDefault();
            location.href = "./login/login.html";
        }

        //回到顶部和固定
        let dibu = document.querySelector("#dibu");
        dibu.onclick = function (e) {
            var e = e || window.event;
            e.preventDefault();
            scrollTo({
                top: 0
            })
        }
        let header = document.querySelector("#header1");
        window.onscroll = function () {
            var y = scrollY; //被卷去的高度。
            if (y >= 600) {
                header.style.position = "fixed";
                header.style.top = "0px";
                header.style.zIndex = '1000';
                header.style.width = "100%"
                header.style.backgroundColor = "#fff"
            } else {
                header.style.position = "static";
            }
        }


        //轮播图
        var swiper = new Swiper('.swiper-container', {
            centeredSlides: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            loop: true,
            effect: 'fade',
        });


        //模糊搜索
        // 获取元素
        // let inp = document.querySelector('#keyWord'); //输入框
        // let searchlist = document.querySelector('#search.list');
        // let UL = document.querySelector('#search.ul'); //ul
        // // 绑定输入框事件
        // inp.onclick = function () {
        //     searchlist.style.display = 'block';
        //     // 创建script元素
        //     let script = document.createElement("script");
        //     script.src =
        //         `https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&sugsid=34379,34554,34004,34585,34092,26350,34556&wd=${inp.value}&req=2&csor=1&cb=fun2`;
        //     // 把script放到body里面
        //     document.body.appendChild(script);
        //     // 删除script
        //     script.remove();
        // }
        // // 封装一个函数获取数据
        // function fun2(res) {
        //     let date = res.g;
        //     neirong(UL, date);
        // }
        // // 封装渲染函数
        // function neirong(UL, date) {
        //     UL.innerHTML = date.map(item => {
        //         return `<li class="bdsug-overflow">
        //      ${item.q}
        //  </li>`
        //     }).join('');
        // }
    </script>
</body>

</html>